<template>
    <div class="newslist">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-media" v-for="item in newsList" :key="item.id">
                <router-link :to="'/home/newsinfo/'+ item.id">
                    <img class="mui-media-object mui-pull-left" :src="item.img_url">
                    <div class="mui-media-body">
                        <h3>{{item.title}}</h3>
                        <p class='mui-ellipsis'>
                            <span>发表时间：{{item.add_time | dateFormat}}</span> 
                            <span>点击数：{{item.click}}次</span>  
                        </p>
                    </div>
                </router-link>
            </li>
		</ul>
    </div>
</template>

<script>
import {Toast} from 'mint-ui'
export default {
    data() {
        return {
            newsList: []
        }
    },
    created() {
        this.getNewsList()
    },
    methods: {
        getNewsList () {
            this.$http.get('api/getnewslist').then(result => {
                if(result.body.status === 0) {
                    console.log(result.body.message);
                    this.newsList = result.body.message
                } else {
                    Toast('获取新闻列表数据失败')
                }
            }, res => {//发送请求失败
                Toast('获取新闻列表数据失败,此为假数据')
                this.newsList = [
                    {
                        id: 13,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T03:50:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 14,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T03:54:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 15,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T03:55:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 16,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T03:56:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 17,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T03:57:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 18,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T03:58:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 19,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T03:59:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 20,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T04:50:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 21,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T05:50:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    },
                    {
                        id: 22,
                        title: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        add_time: '2015-04-16T06:50:28.000Z',
                        zhaiyao: '北电博士翟天临因“不知知网”牵扯出40%的论文查重率，被疑学术造假。北电北大两校相继发声，成立调查组，本人发致歉信称退出博士后工作，配合调查。',
                        click: 1,
                        img_url: 'https://p1.ifengimg.com/2019_07/4219451E3F56AADBAE0871FEFA6DBD77D4444FE4_w640_h346.jpg'
                    }
                ]
            })
        }
    }
}
</script>

<style lang="scss" scoped>
    .newslist{
        li {
            h3{
                font-size: 14px;
            }
            p{
                font-size: 12px;
                color: #226aff;
                display: flex;
                justify-content: space-between;
            }
        }
    }
</style>
